<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link type="text/css" rel="stylesheet" href="style/reset.css"/>
    <link type="text/css" rel="stylesheet" href="style/main.css"/>

</head>
<body>

<div class="headerBar">
    <div class="topBar">
        <div class="comWidth">
            <div class="leftArea">
                <a href="#" class="collection">收藏慕课</a>
            </div>
            <div class="rightArea">
            </div>
        </div>
    </div>

    <div class="logBar">
        <div class="comWidth">
            <div class="logo">
                <a href="#"><img src="#" alt="慕课网"></a>
            </div>

            <div class="search_box">
                <input type="text" class="search_text">
                <input type="button" value="搜 索" class="search_btn">
            </div>

            <div class="shopCar">
                <span class="shopText">购物车</span>
                <span class="shopNum">0</span>
            </div>
        </div>
    </div>

    <div class="navBox">
        <div class="comWidth">
            <div class="shopClass">
                <h3>全部商品分类</h3>
            </div>
            <ul class="nav">
                <li><a href="#">数码城</a></li>
                <li><a href="#">天黑黑</a></li>
                <li><a href="#">团购</a></li>
                <li><a href="#">发现</a></li>
                <li><a href="#">二手特卖</a></li>
                <li><a href="#">名品会</a></li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>